panelBorder

A panelBorder component is a layout container component that arranges and resizes specified child containers to fit in five regions: north, south, east, west, and center. The rendering of these regions is controlled by render attributes. There is a render attribute for each region; renderNorth, renderSouth, renderCenter, renderWest and renderEast. The contents of these regions are defined using facets.

The panelBorder component can be used to provide a general layout scheme for a page.

The following code shows how to create a basic panelBorder component:

< ice:panelBorder id="page"
styleClass="panelBorderDemoLayoutMain"
renderNorth="#{borderLayout.renderNorth}"
renderSouth="#{borderLayout.renderSouth}"
renderCenter="#{borderLayout.renderCenter}"
renderWest="#{borderLayout.renderWest}"
renderEast="#{borderLayout.renderEast}"
>

	< f:facet name="north" >
		< ice:outputText value="North" />
	< /f:facet >

	< f:facet name="west" >

		< ice:panelGrid columns="1" >
			< ice:outputText value="W"/>
			< ice:outputText value="e"/>
			< ice:outputText value="s"/>
			< ice:outputText value="t"/>
		< /ice:panelGrid >

	< /f:facet >

	< f:facet name="east" >

		< ice:panelGrid columns="1" >
			< ice:outputText value="E"/>
			< ice:outputText value="a"/>
			< ice:outputText value="s"/>
			< ice:outputText value="t"/>
		< /ice:panelGrid >

	< /f:facet >

	< f:facet name="center" >
		< ice:outputText value="Center" />
	< /f:facet >

	< f:facet name="south" >
		< ice:outputText value="South"/>
	< /f:facet >

< /ice:panelBorder >

Note: The above page snippet was taken from component-showcase panelBorder.jsp.